registe.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>registe</title>
    <style type="text/css">
        a {color: dodgerblue;}
        label{
            text-align: right;
            width: 250px;
            height: 30px;
        }
        input{
            margin-right: inherit;
        }
    </style>
</head>
<body>
<form>
    <p>
        <label for="username">用户名</label>
        <input type="text" id="username" name="username" value placeholder="请设置用户名">
    </p>
    <p>
        <label for="tel">手机号</label>
        <input type="text" id="tel" name="tel" value placeholder="可用于登录和找回密码">
    </p>
    <p>
        <label for="passwd">密码</label>
        <input type="text" id="passwd" name="passwd" value placeholder="请设置登录密码">
    </p>
    <p>
        <label for="test">验证码</label>
        <input type="text" id="test" name="test" value placeholder="请输入验证码" style="width: 100px">
        <input type="button" name="click" id="click" value="获取短信验证码" style="width: 130px">
    </p>

    <p style="font-size: small">
        <input type="checkbox">阅读并接受<a href="https://passport.baidu.com/static/passpc-account/html/protocal.html">《百度用户协议》</a>及<a href="https://www.baidu.com/duty/yinsiquan.html">《百度隐私权保护声明》</a>
    </p>
    <p><input type="submit" name="registe" value="注册" style="background-color: dodgerblue;width: 350px;height: 40px"></p>
</form>
</body>
</html>